import React, { Component } from 'react';

/* 
    React元素的事件处理和DOM元素的很相似，但是有一点语法不同：
    React 事件的命名采用小驼峰式
    使用jsx事件语法时你需要传入一个函数作为函数作为事件处理函数，而不是一个字符串。
*/
class App extends Component {
    handleClick = (e) => {
        console.log("执行合成事件")
    }
    //vue  mounted 作用类似
    componentDidMount(){
        document.getElementById("btn").addEventListener("click",function(e){
            e.stopPropagation() //阻止冒泡
            console.log("执行了原生事件")
        })
    }
    render() {
        return (
            <div>
                <button onClick={this.handleClick} id="btn">+</button>
            </div>
        );
    }
}

export default App;
